import React from 'react';
import {Layout,Menu} from 'antd'
import {UserOutlined} from'@ant-design/icons';
import {NavLink} from 'react-router-dom';
const {Sider,Content}=Layout;
const {SubMenu}=Menu;
export default (props)=>{
	console.log('chart', props);
	return (<Layout>
		<Sider width={200} className="site-layout-background">
			<Menu mode="inline" defaultSelectedKeys={['1']} defaultOpenKeys={['sub1']}
			      style={{ height: '100%', borderRight: 0 }}>
				<SubMenu key="sub1" icon={<UserOutlined />} title="图表">
					<Menu.Item key="1"><NavLink to='/'>城市更新</NavLink></Menu.Item>
					<Menu.Item key="2"><NavLink to='/'>板块趋势</NavLink></Menu.Item>
					<Menu.Item key="3"><NavLink to='/'>简报数据</NavLink></Menu.Item>
					<Menu.Item key="4"><NavLink to='/'>暂时废弃</NavLink></Menu.Item>
					<Menu.Item key="5"><NavLink to='/'>新房_土城</NavLink></Menu.Item>
				</SubMenu>
			</Menu>
		</Sider>
		<Layout style={{ padding: '0 24px 24px' }}>
			<Content>CHART;</Content>
		</Layout>
	</Layout>)
}
